<template>
    <div @click="clickBanner">
        <div class="row">
            <span>{{left}}</span>
            <span><slot name="right"></slot></span>
        </div>
    </div>
</template>

<script>
    export default {
        name: "detailBar",
        props: ["left"],
        methods: {
            clickBanner() {
                this.$emit('bannerClick')
            }
        }
    }
</script>

<style lang="less">
    .row {
        justify-content: space-between;
        display: flex;
        padding: 4.17vw;
        background-color: white;
        border-bottom: 0.278vw solid #eee;
        align-items: center;
        color: #333;
        font-size: 3.889vw;
    }
</style>